.folder {
	box-shadow: none;
	margin-top: 8px;
	user-select: none;
	ul {
		display: grid;
		gap: 8px;
		grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
	}
	li {
		cursor: pointer;
		border: 1px solid transparent;
		img {
			width: 36px;
		}
		:deep(.ant-card-body) {
			&:hover {
				background-color: var(--hover-bg);
			}
		}
	}
	.title {
		margin-top: 4px;
		white-space: nowrap;
		line-height: 20px;
		margin-top: 8px;
		overflow: hidden;
		text-align: center;
		text-overflow: ellipsis;
	}
	.image-container {
		height: calc(100% - 24px);
	}
}

.active {
	background: var(--active-bg) !important;
	color: var(--primary);
}
:deep(.ant-card) {
	box-shadow: none;
}
.system__module {
	background: #00000008;
}
